@import './comm.scss';

.sulution-report {
  .banner {
    background: url('http://candy-web-48291.oss-cn-hangzhou.aliyuncs.com/qbmf-website/images/saas/banner.jpg')
      no-repeat center center #0a0a3d;
  }
  .part1-container {
    .part1 {
      background: url('http://candy-web-48291.oss-cn-hangzhou.aliyuncs.com/qbmf-website/images/saas/part.png')
        no-repeat left center;
      background-size: 100% 100%;
      position: relative;

      .part1-pos {
        position: absolute;
        width: pxTorem(335);
        height: auto;
        left: pxTorem(324);
        top: pxTorem(90);
        z-index: 9;
        font-size: pxTorem(24);
      }
      .part1-pos2 {
        position: absolute;
        width: pxTorem(322);
        height: auto;
        left: pxTorem(65);
        top: pxTorem(500);
        z-index: 9;
        font-size: pxTorem(24);
      }
      .part1-pos3 {
        position: absolute;
        width: pxTorem(321);
        height: auto;
        left: pxTorem(602);
        top: pxTorem(500);
        z-index: 9;
        font-size: pxTorem(24);
      }
    }
  }
  // 我们的优势
  .good-box {
    #good-bg {
      position: absolute;
      top: pxTorem(448);
      left: pxTorem(-170);
      z-index: 9;
      width: pxTorem(443);
      height: pxTorem(68);
      background: url(http://candy-web-48291.oss-cn-hangzhou.aliyuncs.com/qbmf-website/images/report/bg.png)
        no-repeat left top;
      background-size: 100% 100%;
    }
    .right-info {
      .info {
        margin-left: pxTorem(33);
        font-size: pxTorem(14);
        font-weight: 400;
        color: rgba(153, 153, 153, 1);
      }
    }
  }
  // 解决方案
  .solution-box {
    .solution-card {
      .card {
        background: url('http://candy-web-48291.oss-cn-hangzhou.aliyuncs.com/qbmf-website/images/saas/card.png')
          no-repeat left top;
        background-size: 100%;
        height: pxTorem(779);
        .report-dd {
          display: inline-block;
          width: 100%;
          vertical-align: top;
          padding-left: pxTorem(30);
          text-align: left;
          font-weight: 400;
        }
        .custom-dd {
          position: relative;
          height: pxTorem(20);
          .right {
            float: none;
            position: absolute;
            left: pxTorem(72);
            top: pxTorem(6);
            z-index: 9;
          }
          span {
            position: absolute;
            left: pxTorem(97);
            top: 0;
            z-index: 9;
            text-align: left;
          }
        }
      }
      .card.custom {
        background: url('http://candy-web-48291.oss-cn-hangzhou.aliyuncs.com/qbmf-website/images/saas/card-custom.png')
          no-repeat left top;
        background-size: 100%;
      }
    }
  }
  // 案列
  .demo-box {
    background: #fff;
    .demo-bg {
      background: url('http://candy-web-48291.oss-cn-hangzhou.aliyuncs.com/qbmf-website/images/comm/demo-bg.png')
        no-repeat left center;
      background-size: 100%;
      h3 {
        color: #000;
      }
      .sub-title {
        color: #999;
      }
      .demo-info {
        margin-bottom: pxTorem(153);
        background: rgba(255, 255, 255, 1);
        box-shadow: 0px 10px 54px 0px rgba(23, 64, 197, 0.05);
        color: #333;
        position: relative;
        height: auto;
        .item {
          padding-bottom: pxTorem(85);
          img {
            float: left;
            width: pxTorem(208);
            height: pxTorem(76);
            margin-right: pxTorem(50);
          }
          p {
            float: left;
            width: pxTorem(789);
          }
        }
        .carousel-indicators {
          bottom: 0;

          li {
            vertical-align: top;
            width: pxTorem(30);
            height: pxTorem(6);
            background: #e0e7f7;
          }
          .active {
            background: #175bfb;
          }
          // position: absolute;
          // bottom: pxTorem(37);
        }
      }
    }
  }

  .foot-box {
  }
}
